<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://how2j.cn/study/jquery.min.js"></script>
    <style>
        .pink {
            background-color: pink;
        }
    </style>
    <script>
        $(document).ready(function () {
            $("#but1").click(function () {
                $("div:first").addClass("pink");
            });
            $("#but2").click(function(){
                console.log("but2  run")
                $("div:last").addClass("pink");
            });
        });

    </script>
</head>
<body>
<button id="but1">给第一个div上色</button>
<button id="but2">给最后一个div上色</button>
<div>
    这是第一个div
</div>
<div>
    这是第二个div
</div>
<div>
    这是第三个div
</div>
<div>
    这是最后一个div
</div>
</body>
</html>